<template>
    <view>
        <view class="memberbox" v-for="(item, index) in memberlist" :key="index"
          @click="nav_to('/pages/user/user_visitor?id=' + item.UserID)">
          <image class="hdimg" mode="aspectFill" :src="item.HeadImgUrl"></image>
          <view class="ringtbox">
            <view class="meinfo">
              <view class="name">{{ item.Name ? $util.entitiesToUtf16(item.Name) : '' }}</view>
              <image v-if="item.UserType != '普通用户'" class="vipicon"
                src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1716367597061433.png" mode="widthFix"></image>
            </view>
            <view class="addretext">{{ item.City ? item.City : '' }}</view>
          </view>
          <view class="delbtn">
            <view class="linew"></view>
          </view>

        </view>
    </view>
</template>

<script>
export default {
components: {},
data() {
return {
    memberlist:[],
};
},
methods: {

},

}
</script>
<style lang='scss'>
.memberbox {
  padding: 24rpx 24rpx 0 24rpx;
  background-color: #fff;
  display: flex;
  // align-items: center;
  position: relative;

  .hdimg {
    width: 80rpx;
    height: 80rpx;
    border-radius: 50%;
    // background-color: #706eee;
    margin-right: 24rpx;
  }

  .ringtbox {
    flex: 1;
    border-bottom: 2rpx solid #E4E4E4;
    padding-bottom: 26rpx;

    .meinfo {
      display: flex;
      align-items: center;

      .type {
        width: 60rpx;
        height: 32rpx;
        background: #706EEE;
        border-radius: 4rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22rpx;
        color: #fff;
      }

      .name {
        font-size: 28rpx;
        font-weight: bold;
        color: #333333;
        margin: 0 8rpx;
      }

      .vipicon {
        width: 88rpx;
        height: 36rpx;
      }
    }

    .addretext {
      font-size: 24rpx;
      color: #909090;
      margin-top: 12rpx;
    }
  }

  .delbtn {
    width: 40rpx;
    height: 40rpx;
    background: #FC201C;
    border-radius: 50%;
    position: absolute;
    right: 34rpx;
    top: 44rpx;
    display: flex;
    align-items: center;
    justify-content: center;

    .linew {
      width: 24rpx;
      height: 4rpx;
      background: #FCFCFC;
    }
  }

  .stabox {
    display: flex;
    align-items: center;

    .Agreebtn {
      width: 120rpx;
      height: 56rpx;
      border-radius: 28rpx;
      background-color: #706EEE;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24rpx;
      color: #fff;
      margin-right: 20rpx;
    }

    .Refusebtn {
      width: 120rpx;
      height: 56rpx;
      border-radius: 28rpx;
      border: 2rpx solid #E6E6E6;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24rpx;
      color: #333333;
    }
  }
}
.memberbox:last-child .ringtbox{
  border-bottom: 0 !important;
}
</style>